<template>
    <i class="xiaoquan-icon" :class="{[`xiaoquan-icon--${type}`]: type}">
        <!--二次封装fontawesome组件-->
        <font-awesome-icon v-bind="filterProps" />
    </i>
</template>

<script setup>
    import propsObj from "@/components/Icon/props";
    import { computed } from "vue";
    import { omit } from "lodash-es";
    defineOptions({
        name: "XiaoQuan-Icon"
    });
    const props = defineProps(propsObj);
    const filterProps = computed(()=> omit(props, ['type']));
    // console.log(filterProps)
</script>


<style scoped lang="scss">

</style>